﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Create New Profile</title>
    <link rel="stylesheet" href="styles/basic-style.css" type="text/css" />
    <link rel="stylesheet" href="styles/create.css" type="text/css" />
</head>
<body>
    <div id="wrapper">
        <header>
            <h1>Hercules Fitness Assistant</h1>
        </header>
        <h2>Create New Profile</h2>
        <form action="/dispatch" method="get">
            <div id="profileInfo">
                <h3>Profile Information</h3>

                <div>
                    <label for="name">Name</label>
                    <input type="text" id="name" name="name" placeholder="Enter Your Name" required="required" />
                </div>

                <div>
                    <label>Gender</label>
                    <span>
                        <input type="radio" name="gender" id="male" checked="checked" />
                        <label for="male">Male</label>
                    </span>
                    <span>
                        <input type="radio" name="gender" id="female" />
                        <label for="female">Female</label>
                    </span>
                </div>
                <div>
                    <label for="age">Age</label><br />
                    <input type="number" name="age" required="required" min="15" max="80" />

                </div>
                <div id="weight">
                    <label for="weight">Weight</label><br />
                    <input type="number" name="weight" required="required" min="40" max="250" />
                    <span>kg</span>
                </div>
                <div id="height">
                    <label for="height">Height</label><br />
                    <input type="number" name="height" required="required" min="100" max="250" />
                    <span>cm</span>
                </div>
                <div>
                    <label for="wakeUpTime">I wake up at</label>
                    <input type="time" name="user-time" required="required" />
                    <span>o'clock</span>
                </div>
            </div>

            <div id="fitnessGoal">
                <h3>Choose fitness goal</h3>
                <div>
                    <input type="radio" name="fitness-goal" id="threeKilograms" checked="checked" />
                    <label for="threeKilograms">Lose 3kg in 3 months</label>
                </div>
                <div>
                    <input type="radio" name="fitness-goal" id="tenKilograms" />
                    <label for="tenKilograms">Lose 10kg in 3 months</label>
                </div>
                <div>
                    <input type="radio" name="fitness-goal" id="gainMuscle" />
                    <label for="gainMuscle">Lose weight and gain muscle</label>
                </div>
                <div>
                    <input type="radio" name="fitness-goal" id="endurance" />
                    <label for="endurance">Increase endurance</label>
                </div>
            </div>
            <div id="preferences">
                <h3>Preferences</h3>
                <br />
                <input type="checkbox" value="Vegetarian" />
                <span>I'm vegetarian</span>
            </div>
            <div id="buttons">
                <input type="submit" name="submit_create_accept" value="Accept" class="buttons" />
                <input type="submit" name="submit_create_cancel" value="Cancel" class="buttons" />
            </div>
        </form>
    </div>
    <div id="copyright">
        &#169 2013 Hercules. All Rights Reserved.
    </div>
</body>
</html>
